<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <style type="text/css">
            #hint {
              background-color: #F6F9FF;
              border: 1px solid #E5ECF9;
              margin-bottom: 1em;
              padding: 0.5em 1em;
            }
            
            #message {
              color: red;
              position: relative;
              bottom: 6px;
            }
            
            #pagetotal {
              float: right;
            }
            
            #pagetotal .count {
              font-weight: bold;
            }
            
            table.entities {
              border: 1px solid #c5d7ef;
              border-collapse: collapse;
              width: 100%;
              margin-bottom: 0;
            }
            
            table.entities th, table.entities td {
              padding: .25em 1.5em .5em .5em;
            }
            
            table.entities th {
              font-weight: bold;
              text-align: left;
              background: #e5ecf9;
              white-space: nowrap;
            }
            
            table.entities th a, table.entities th a:visited {
              color: black;
              text-decoration: none;
            }
            
            table.entities td {
              background-color: #fff;
              text-align: left;
              vertical-align: top;
              cursor: pointer;
            }
            
            table.entities tr.even td {
              background-color: #f9f9f9;
            }
            
            div.entities {
              background-color: #c5d7ef;
              margin-top: 0;
            }
            
            #entities-pager, #entities-control {
              padding: .3em 1em .4em 1em;
            }
            
            #entities-pager {
              text-align: right;
            }
        </style>
        <style type="text/css">
            .ae-page-number {
              margin: 0 0.5em;
            }
                       
            .ae-page-selected {
              font-weight: bold;
            }
        </style>
    </head> 
    <body>
        <div> <B>title:</B>{{thread.title}} </div>

        <div> <B>thread_id:</B>{{thread.thread_id}},<B>offset:</B>{{offset}}/{{thread.page_cnt}}</div>
        <div> <B>total:</B> {{post_cnt}} posts on this page</div>

        <table class="entities">
            <tr>
                
                <th>    author</th>
                <th>    date</th>
                <th>    content</th>
                <th >   floor</th>
                <th >   url</th>
                <th>    post_id</th>
            </tr>
            {%	for post in lst_post	%}
            <! -- odd,even -->
            <tr class={{post.line_class}}>
                
                <td>{{post.author}}</td>
                <td>{{post.date}}</td>
                <td >{{post.content}}</td>
                <td >{{post.floor}}</td>
                <td ><a href=" {{post.url}}">{{post.url}}</a></td>
                <td >{{post.post_id}}</td>
            </tr>
            {%	endfor	%}
      </table>
      <div class="entities g-section g-tpl-50-50">
        <div class="g-unit">
            <div id="entities-pager">
                {%	for pager in lst_pager %}
                	{{pager}}
                {%	endfor	%}
            </div>
        </div>
      </div>
    </body>
</html>